<template>
	<view>
			<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
				<swiper-item v-for="val in list">
					<view class="swiper-item">
						<image  :src="val.url"></image>
					</view>
				</swiper-item>
			</swiper>
	</view>
</template>

<script>
	export default {
		props:["imglist"],
		data() {
			return {
				list:this.imglist,
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500,
				
			}
		},
		onLoad() {

		},
		created() {
			console.log("123",this.imglist);
			console.log(this.list);
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.swiper{
		width: 100%;
		height: 260rpx;
		image{
			width: 100%;
			height: 260rpx;
		}
	}
</style>
